<!DOCTYPE html>
<html lang="en">
<head>

    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport"
          content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"/>
    <title style="font-size: 30px">科室详情</title>
    <!--    <link rel="stylesheet" type="text/css" href="cssu/common.css">-->
    <!--    <link rel="stylesheet" type="text/css" href="cssu/style.css">-->
    <!-- Bootstrap core CSS -->
    <link href="cssu/bootstrap.min.css" rel="stylesheet"/>
    <link href="cssu/layui.css" rel="stylesheet">
    <script type="text/javascript" src="js/jquery-3.5.1.min.js"></script>
    <script src="js/bootstrap.bundle.min.js"></script>
    <script src="js/layui.js"></script>

    <link type="text/css" rel="stylesheet" href="/css/index.css" />
    <!--引入vue得依赖必须再elementui之前引入vue-->
    <script type="text/javascript" src="/js/vue.js"></script>
    <script type="text/javascript" src="/js/index.js"></script>
    <script type="text/javascript" src="/js/axios.min.js"></script>
    <script type="text/javascript" src="/js/qs.min.js"></script>


</head>

<body>

<div class="yq-main" id="main">
    <center><h1>当前科室详情</h1></center>
    <div class="yq-w1200 cl">
        <div class="yq-tab">
            <div class="yq-tab-content">
                <div class="yq-tab-content-item active">
                    <div class="yq-btn-list" id="hy">
                        <div v-for=" section in sectioninfo">
                            <dl></dl>
                            <center><h3 style="color: #00b8b6">{{section.sectionName}}</h3></center>
                                <dl></dl>
                                <hr/>
                                <span style="font-size: 25px;color: #00BCD5">科室技能</span>
                            <textarea class="form-control" readonly="readonly" style=" width: 1450px;height:100px;resize: none;border: none;background-color: transparent" v-model="section.sectionSkills" ></textarea>


                            <hr/>
                                <span style="font-size: 25px;color: #00BCD5 ">注意须知</span>
                            <textarea class="form-control" readonly="readonly" style=" width: 1450px;height:600px;resize: none;border: none;background-color: transparent" v-model="section.sectionNotice" ></textarea>


                            <dd>

                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<script>


    var url=window.location.href;
    var sectionId=url.split("=")[1]
    console.log(sectionId);

    $.get("/section/getDetails?sectionId="+sectionId,function (backData) {

        app.sectioninfo = backData.data;
        console.log(app.sectioninfo)
    });
    var app = new Vue({

        el: "#main",
        data: {
            sectioninfo:[],
            info: [],

        },
        methods: {
            btn:function (sectionid) {
                window.location.href="/addScheduling.html?sectionid="+sectionid;
            }

        }

    });


</script>


</body>
</html>
